<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    <div class="header container">
        <div class="w">
          <div class="hleft">
            <p>
                <img src="../images/360智慧生活.png" alt="">
            </p>
        </div>
        <div class="active">
            <p>
            <a href="./index.html">回到首页</a>
            </p>
        </div>
        </div>
    </div>


    

    <main>
        <div class="center">
            <div class="mainTop">

                <div class="mainTop-left">
                   

                    <div class="box" id="box">
        
                        <!-- 正常显示图片区域 -->
                        <div class="show">
                            <!-- <img src="./imgs/1.jpg" alt=""> -->
                            
                            <!-- 遮罩层盒子 -->
                            <!-- <div class="mask"></div> -->
                        </div>
                        
                        <!-- 图片切换列表 -->
                        <div class="list">
                            <!-- <img class="active" src="./imgs/1.small.jpg" data-show="./imgs/1.jpg" data-bg="./imgs/1.big.jpg" alt=""> -->
                            
                            <!-- <img src="./imgs/2.small.jpg" data-show="./imgs/2.jpg" data-bg="./imgs/2.big.jpg" alt=""> -->
                        </div>
                
                        <!-- 放大镜的盒子 -->
                        <div class="enlarge">
                            <!-- <img src="./imgs/1.big.jpg" alt=""> -->
                        </div>
                    </div>

                </div>
        
            
                <div class="mainTop-right">
                    <div class="rightTop">新款</div>
                    <h1>购买 iPhone 13 Pro Max</h1>
                    <div class="rightMain">每位顾客限购 2 部苍岭绿色 iPhone 13 Pro 和
                        2 部苍岭绿色 iPhone 13 Pro Max。
                    </div>
                    <div class="rightMain" style="margin-top: 15px;">
                        用 iPhone 8 或更新机型折抵换购可享 
                        RMB 550 - RMB 5000 的折抵优惠*
                    </div>
                    <div class="rightMain" style="margin-top: 10px;">
                        <span>
                            <a href="Javascript: ;">了解 Apple Trade In 换购计划的流程</a>
                        </span>
                    </div>

                    <div class="rightMain-o">
                        <p>选择机型</p>
                        <div>
                            <h3>8GB + 128GB</h3>
                        </div>
                        <div>
                            <h3>8GB + 256GB</h3>
                        </div>
                    </div>

                    <div class="rightMain-t">
                        <p>选择颜色</p>
                        <div>
                            <ul>
                                <li>
                                   
                                    <p>海盐</p>
                                </li>
                                <li>
                                   
                                    <p>虹彩</p>
                                </li>
                                <li>
                                    
                                    <p style="left:40%">星夜</p>
                                </li>
                                
                              
                            </ul>
                        </div>                        
                    </div>
                    <a href="../views/cart.html">
                        <div class="btn">
                            加入购物车discountPrice
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </main>



    <script src="../js/gather.js"></script>
    <script src="../js/detail.js"></script>
    <script src="../js/polyfill.js"></script>
</body>
</html>